<template>

  <div>

    <div id="page">

      <header id="gtco-header" class="gtco-cover gtco-cover-xs" role="banner"
              style="background-image:url(static/images/img_bg_1.jpg);">
        <div class="overlay"></div>
        <div class="gtco-container">
          <div class="row">
            <div class="col-md-8 col-md-offset-2 text-center">
              <div class="display-t">
                <div class="display-tc">
                  <h1 id="ac" name="2" class="animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp">防沉迷系统</h1>
                  <h2 class="animate-box fadeInUp animated-fast" data-animate-effect="fadeInUp"></h2>
                </div>
              </div>
            </div>
          </div>
        </div>
      </header>


    </div>


    <div class="gtco-section border-bottom">
      <div class="gtco-container">
        <div class="row">
          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:什么是防沉迷系统？</h4>
                <p>A:防沉迷系统，是根据政府《网络游戏防沉迷系统开发标准》及其相关要求开发实施，自2007年7月16日起已正式实施。旨在解决未成年人沉迷网络游戏的现状，让未成年人无法依赖长时间的在线来获得游戏内个人能力的增长，报偿值的增加，有效控制未成年人使用者的在线时间，改变不利于未成年人身心健康的不良游戏习惯。</p>
              </div>
            </div>
          </div>


          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q: 防沉迷系统设计目的？</h4>
                <p>A:防止未成年人过度游戏，倡导健康游戏习惯，保护未成年人的合法权益；帮助法定监护人了解其监护对象是否参与此网络游戏、是否受到防沉迷系统的保护等情 况；在实现上述目的的同时，兼顾成年玩家自主支配其游戏时间的合法权益。
                </p>
              </div>
            </div>
          </div>

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:实名认证系统与防沉迷系统的关系是怎样？ </h4>
                <p>A:实名认证系统用于收集玩家的身份证号及姓名，并以此作为判断玩家是否需要受到防沉 迷系统保护的重要依据。 实名信息显示为不满18周岁的用户，将被初步判定为未成年人，纳入防沉迷状态。其实名信息于成年后用户自行至实名认证提交至公安机关进行验证。 实名信息显示为已满18周岁的用户，将被初步判定为成年人。其实名信息在等待公安部门验证前将被处于非防沉迷状态，如果通过公安部门的实名验证，则正式进入非防沉迷状态。如失败，则被纳入防沉迷状态。在注册后任何时间用户都可自行至实名认证提交实名信息至公安机关进行验证。 实名信息验证成功的帐号不纳入防沉迷系统。相反，认证失败的帐号将被纳入防沉迷系统。 </p>
              </div>
            </div>
          </div>

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:防沉迷系统的具体内容和执行方法？ </h4>
                <p>A:确定健康游戏时间标准 1. 定义使用者累计3小时以内的游戏时间为“健康”游戏时间。 2. 定义使用者在累计游戏3小时之后，再持续下去的2小时游戏时间为“疲劳”游戏时间。 3. 定义使用者累计游戏时间超过5小时为“不健康”游戏时间。 促进使用者养成健康的游戏习惯 为保障使用者适度使用并有足够的休息时间，对游戏的间隔时间和收益进行限制和引导的处理办法： 1. 根据以上考虑，不同累计在线时间的游戏收益处理如下：累计在线时间在3小时以内，游戏收益为正常；3-5小时内，收益降为正常值的50%；5小时以上，收益降为0。 2. 由于不同的游戏有不同范畴，因此对于当前角色扮演类的网络游戏，特别是目前将作为试点的游戏，建议定义为“游戏收益=游戏中获得的经验值＋获得的虚拟物品”。收益为50％，则指获得经验值减半，虚拟物品减半。收益为0,则指无法获得经验值，无法获得虚拟物品。 3. 定义使用者在累计游戏3小时之后，再持续下去的2小时游戏时间为“疲劳”游戏时间。 4. 定义使用者累计游戏时间超过5小时为“不健康”游戏时间。 初始化累计时间——由于使用者上下线的行为比较复杂，会出现以下多种情况，因此限时与提示的实现方法如下： 使用者在线后，其持续在线时间将累计计算，称为“累计在线时间”。 使用者下线后，其不在线时间也将累计计算，称为“累计下线时间”。 使用者累计在线时间在3小时以内的，游戏收益正常。每累计在线时间满1小时，应提醒一次：“您累计在线时间已满1小时。”至累计在线时间满3小时时，应提醒：“您累计在线时间已满3小时，请您下线休息，做适当身体活动。 ”如果累计在线时间超过3小时进入第4－5小时，在开始进入时就应做出警示：“您已经进入疲劳游戏时间，您的游戏收益将降为正常值的50％，请您尽快下线休息，做适当身体活动。”此后，应每30分钟警示一次。 如果累计在线时间超过5小时进入第6小时，在开始进入时就应做出警示：“您已进入不健康游戏时间，请您立即下线休息。如不下线，您的身体健康将受到损害，您的收益已降为零。”此后，应每15分钟警示一次。 受防沉迷系统限制的用户，当下线时间超过5小时时，累计游戏时间初始化为0。初始化后进入游戏就会开始重新计算累计游戏时间。</p>
              </div>
            </div>
          </div>

        </div>

        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <br>
                <br>
                <h4>Q:防沉迷系统的执行对象？ </h4>
                <p>A:未成年用户（未满18岁者）； 身份验证信息不完整的用户； 未经过身份验证的用户。</p>
              </div>
            </div>
          </div>


        </div>


        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:用户在注册和游戏中如果年龄刚好在18岁，系统能够及时转换未成年人和成年人的身份吗？</h4>
                <p>A:在未成年人年龄自然增长到成年人后，系统能自动识别并完成身份的转换。</p>
              </div>

            </div>
          </div>


        </div>



        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:我是成年人，还有必要填写实名信息么？</h4>
                <p>A:当然需要，所有未登记实名信息的玩家都将默认纳入防沉迷系统的保护范围。</p>
              </div>

            </div>
          </div>


        </div>

        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:我的帐号被盗了，能用实名登记的身份证据来找回帐号吗？</h4>
                <p>A:实名信息不做帐号的安全依据和归属判断。实名信息的唯一作用就是确定玩家是否为防沉迷对象。至于人工取回帐号所需要的那个证件号码，是指注册帐号时填写的有效证件号码，而不是实名信息里的身份证号。</p>
              </div>

            </div>
          </div>


        </div>
        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:我是未成年人，累计游戏时间已超过5小时，进入了“不健康”游戏时间，请问，这时我可以和其他进行玩家交易么？可以使用个人商店么？</h4>
                <p>A:可以，以上行为不会受到影响</p>
              </div>

            </div>
          </div>


        </div>
        <div class="row">

          <div class="col-md-12">
            <div class="feature-left animate-box fadeInLeft animated-fast" data-animate-effect="fadeInLeft">
              <div class="text-left">
                <h4>Q:上线3小时后下线，然后累计3小时后上线可以清除在线时间么？</h4>
                <p>A:不会的，按照国家规定，只有累计下线5小时，才会清除一次累计在线时间。也就是说，无论您在线3分钟或是100个小时，只要您累计下线时间达5小时，所有在线累计时间都会清零。</p>
              </div>

            </div>
          </div>


        </div>

      </div>
    </div>







  </div>


</template>

<script>
  export default {
    name: 'main',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  body {
    overflow-x: -webkit-paged-y;
  }

  hr {
    color: #bbb;
  }

  h1, h2 {
    font-weight: normal;
  }

  ul.partnerQY {
    list-style-type: none;
    padding: 0;
  }

  .partnerQY li {
    display: inline-block;
    margin: 0 10px;
  }

  a {
    color: #42b983;
  }

  div.li {
    padding-top: 84px;
    padding-bottom: 84px;
    border-bottom: 1px solid #bbb;
  }

  .li img {
    display: inline-block;
    display: -webkit-inline-box;
  }

  .li h4 {
    color: #5895f1;
    font-size: 24px;
    line-height: 1;
    margin-top: 48px;
  }

  .li p {
    font-size: 18px;
    line-height: 26px;
  }

  div.end {
    border-bottom: none;
  }

  .hed {
    margin-top: 5rem;
  }

  .hed h3 {
    font-size: 24px;
    color: #000;
  }

  .hed p {
    font-size: 18px;
    color: #aaa;
  }

  .advList {
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
  }

  .advList li {
    margin: 2em 2em;
    cursor: pointer;
    border-radius: 8px;
    float: left;
    min-width: 200px;
    height: 260px;
    background: #f2f2f2;
    transition: all .6s;
  }

  .advList li:hover {
    transform: scale(1.1);
    box-shadow: 0px 5px 8.6px 1.4px rgba(67, 67, 67, 0.3);
  }

  .advList li img {
    padding: 22px 0;
    display: inline-block;
    margin: 0 auto;
  }

  .advList li h4 {
    font-size: 20px;
    font-weight: 600;
  }

  .advList li p {
    font-size: 16px;
    line-height: 20px;
  }

  .partnerQY {
    overflow: hidden;
  }

  .partnerQY img {
    width: 100%;
  }

  .partnerQY li {
    margin: 20px 0px;
    padding: 16px 20px;
  }

  .partnerQY li:hover {
    cursor: pointer;
    box-shadow: 5px 5px 8px rgba(67, 67, 67, 0.3) inset, -5px -5px 8px rgba(67, 67, 67, 0.3) inset;
  }

  .partnerQY li img {
    display: inline-block;
    margin: 0 auto;
  }

</style>
